<!--  -->
<template>
  <Tabar>
    <tabar-item path="/home">
      <template #item-icon>
        <img src="@/assets/images/shouye.png" />
      </template>
      <template #item-icon-h>
        <img src="@/assets/images/shouye_h.png" />
      </template>
      <template #item-text>
        <p>首页</p>
      </template>
    </tabar-item>

    <tabar-item path="/category">
      <template #item-icon>
        <img src="@/assets/images/fenlei.png" />
      </template>
      <template #item-icon-h>
        <img src="@/assets/images/fenlei_h.png" />
      </template>
      <template #item-text>
        <p>分类</p>
      </template>
    </tabar-item>

    <tabar-item path="/cart">
      <template #item-icon>
        <img src="@/assets/images/gouwuche.png" />
      </template>
      <template #item-icon-h>
        <img src="@/assets/images/gouwuche_h.png" />
      </template>
      <template #item-text>
        <p>购物车</p>
      </template>
    </tabar-item>

    <tabar-item path="/profile">
      <template #item-icon>
        <img src="@/assets/images/wode.png" alt />
      </template>
      <template #item-icon-h>
        <img src="@/assets/images/wode_h.png" alt />
      </template>
      <template #item-text>
        <p>个人</p>
      </template>
    </tabar-item>
  </Tabar>
</template>

<script>
import Tabar from "@/components/common/tabar/Tabar";
import TabarItem from "@/components/common/tabar/TabarItem";

export default {
  name: "main-tabar",
  data() {
    return {};
  },
  components: {
    Tabar,
    TabarItem
  }
};
</script>
